<!DOCTYPE html>
<html lang="en">
<head>
	<meta charset="UTF-8">
	<meta name="viewport" content="width=device-width, initial-scale=1.0">
	<title>Document</title>
	<!--
		方式四  将JS代码写到外部JS文件中，通过script标签引入（推荐），可以被多个页面同时引用，也可以利用到浏览器的缓存机制
						script标签一旦用于引入外部文件，在该标签体内写JS代码就会被忽略，如果需要可以新建一个script标签在内部编写
	-->
	<script type="text/javascript" src="js/script.js"></script>

	<!-- 方式三  可以将JS代码写在script标签中 -->
	<script type="text/javascript">
		alert("我是内部的JS代码");
	</script>
</head>
<body>

		<!-- 方式一  将JS代码编写到标签的onclick属性中， 但这种方式不推荐使用（结构和行为耦合，不方便维护） -->
		<button onclick="alert('点一下');">点我一下</button>
	
		<!-- 方式二  将JS代码写在a标签的href属性中，当点击超链接时，会执行JS代码 -->
		<a href="javascript:alert('点击超链接');">你也点我一下</a>
		<!-- 经常用这种方式阻止超链接的跳转 -->
		<a href="javascript:;">你也点我一下</a>

</body>
</html>
